/*========================================= Layout=========================================*/
html{height: 100%;width: 100%;}
body{font-size:16px;}

input.ui-slider-input {
    display:none !important;
}

h1 {font-size:20px !important;}

.ui-header .ui-btn, .ui-footer .ui-btn, #infoServerButton {margin: 0.3em 1.9em; }
#infoServerButton {position:absolute;right: 0;top: 0.1em;}
#chatButton {position:absolute;left: 0;top: 0.1em;}

.space {margin-top:4em;}

.popupCss {min-width: 200px; padding: 5%;text-align:center;}
#detailDialog .popupCss .ui-slider-switch { width: 5em!important; margin-bottom: 2em;}
#detailDialog .popupCss .ui-slider-track { margin:auto !important;}
#detailDialog .ui-slider {width: 90% !important;margin-left: 5% !important;}

#addAfterwork .invalid{color:red;}

#Subscribers{min-width:300px;}
#Subscribers .no-subscribers{margin:20px;}

#afterwork .proposer:before{content:"Proposition de : ";font-weight:normal;}
#afterwork .proposer{font-weight:bold; text-align:right;}
#afterwork .title:before{content:"Endroit : ";font-weight:normal;}
#afterwork .title{font-size:1.2em; font-weight:bold;}
#afterwork .description{margin:10px 0;}

#afterwork .ui-icon-thumbup{background-image:url('/Content/css/img/thumbup.gif');background-position: -3px -3px}
#afterwork .ui-icon-thumbdown{background-image:url('/Content/css/img/thumbdown.gif');background-position: -3px -3px}
#afterwork .vote{display:inline-block;}

#gallery img {width:30%;margin:1%;}

#chat {width:80%;max-width: 600px;min-height: 300px;position: fixed;z-index: 1000;bottom: 3.5em;left:1em;border:1px solid black;background-color:rgba(255, 255, 255, 0.8);}

#handle{position:absolute;top:-25px;width:7px;height:17px;padding: 0 5px 3px;border:1px solid black;cursor:pointer;}

#chatMessages {height: 250px;margin: 0;padding: 0;list-style-type: none;padding:2%;overflow-y: scroll;font-size:0.8em}
#chatMessages  > li > span.date{}
#chatMessages  > li > span.login{font-weight:bold;}
#chatMessages  > li > span.login:after{content: ":";}
#chatMessages  > li > span.text {display:inline-block;}

#sendMessageForm {position:absolute;bottom:10px;width:100%;}
#sendMessageForm input[type="text"]{width:80%;margin-left: 3%;}

#chatLogins{height: 250px;width: 120px;position: absolute;top: 0;left: 102%;background: rgba(255,255,255,0.8);border: 1px solid black;margin: 0;padding: 0;list-style-type: none;padding:2%;overflow-y: scroll;font-size:0.8em}